<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


	<br />
	<h:form>
		<div class="tituloSec">
			<h:outputText value="Crear Empresa" />
		</div>
<h:panelGrid id="panelCampos">
		<h:panelGrid columns="4" >
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Nombre de la empresa" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.nombre}" />
					<h:outputText value="Email" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.mail}" />
					
					<h:outputText value="Nit" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.nit}" />	
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Dirección" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.direccion}" />
					<h:outputText value="Ciudad" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.ciudad}" />
						
					<h:outputText value="Presupuesto Inicial" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.presupuestoInicial}" >
						<f:convertNumber pattern="###,###" />
					</h:inputText>		
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Teléfono" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.telefono}" />
					<h:outputText value="Célular o Móvil" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudEmpresaBean.valorActual.movil}" />
				</h:panelGrid>


			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Estado" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudEmpresaBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" />
					</h:selectOneMenu>
					<h:outputText value="Administrador" styleClass="txtUnoVin" />
						<h:selectOneMenu id="combousuario" styleClass="combo" 
							value="#{crudEmpresaBean.valorActual.administrador}">
							<f:selectItems value="#{crudEmpresaBean.usuariosList}" />
						</h:selectOneMenu>
				</h:panelGrid>
				
			</h:panelGroup>

		</h:panelGrid>
		<h:panelGrid columns="1">
			<h:outputText value="Subir imagen de la empresa"
				styleClass="txtUnoVin" />
			<h:panelGroup>
				<h:panelGrid columns="2" columnClasses="top,top"
					styleClass="tablaGenerica">
					<rich:fileUpload fileUploadListener="#{crudEmpresaBean.listener}"
						id="upload" acceptedTypes="jpg, gif, png, bmp"
						ontyperejected="alert('Únicamente son permitidos los formatos JPG, GIF, PNG y BMP');"
						maxFilesQuantity="1" addLabel="Agregar archivo" uploadLabel="Subir" clearAllLabel="Limpiar" deleteLabel="Eliminar" clearLabel="Limpiar">
						<a4j:ajax event="uploadcomplete" execute="@none" render="info"/>
					</rich:fileUpload>
					
					<h:panelGroup id="info" layout="block">
                <rich:panel bodyClass="info">
                    <f:facet name="header">
                        <h:outputText value="Imágen" />
                    </f:facet>
                    <h:outputText value="#{crudEmpresaBean.valorActual.urlImagen}"/>
                    
                        <rich:panel bodyClass="rich-laguna-panel-no-header">
                            <h:panelGrid columns="1">
                                <h:graphicImage url="../resources/img/upload/#{crudEmpresaBean.valorActual.urlImagen}" library="img"  width="90" height="40" />
                            </h:panelGrid>
                        </rich:panel>
                    
                </rich:panel>
                
            </h:panelGroup>
					
				</h:panelGrid>

			</h:panelGroup>

		</h:panelGrid>
</h:panelGrid>
		

		<div align="right">
			<h:panelGrid columns="2">
				<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar"
						action="#{crudEmpresaBean.doSave}"
						render="panelCampos,tablaResultados">


					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
						action="#{crudEmpresaBean.doClean}"
						render="panelCampos,tablaResultados">

					</a4j:commandButton>

				</h:panelGroup>




			</h:panelGrid>

		</div>
		<br />

		<rich:dataTable id="tablaResultados" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudEmpresaBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">
			
			<rich:column style="width:35%">
				<f:facet name="header">
					<h:outputText value="ID" />
				</f:facet>
				<h:outputText value="#{fila.id}" />
			</rich:column>


			<rich:column style="width:35%">
				<f:facet name="header">
					<h:outputText value="Empresa" />
				</f:facet>
				<h:outputText value="#{fila.nombre}" />
			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Teléfono" />
				</f:facet>
				<h:outputText value="#{fila.telefono}" />


			</rich:column>

			<rich:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Email" />
				</f:facet>
				<h:outputText value="#{fila.mail}" />

			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Ciudad" />
				</f:facet>
				<h:outputText value="#{fila.ciudad}" />

			</rich:column>
			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Administrador" />
				</f:facet>
				<h:outputText value="#{fila.administrador}" />

			</rich:column>

			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:outputText value="#{fila.estado}" />

			</rich:column>

			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Acciones" />
				</f:facet>
				<div align="center">
					<h:panelGrid columns="2">
						<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" "
								action="#{crudEmpresaBean.doEditable}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudEmpresaBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" "
								action="#{crudEmpresaBean.doDeleted}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudEmpresaBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>

					</h:panelGrid>
				</div>
			</rich:column>
			
		</rich:dataTable>
		<div style="margin-top: 10px" align="center">
		<rich:dataScroller id="paginadorResultados" for="tablaResultados" />
		</div>

	</h:form>
</ui:composition>
